﻿.user_center ul.top{
    background: url(../images/home_icon_style2/topbackground.jpg) no-repeat -10px -15px;
    background-size:103% 115%; 
    padding:10px 2px 10px 10px;
    height: 100px;
    border:none;
}
.user_center ul.top li:nth-child(3n+1) .name{
    width:70px;
    height:70px;
    border-radius: 50%;
}
.meberdefault ul.top li h2{
    color: #fff;
    font-size: 18px;
}
.meberdefault ul.top li .LevelName{
    width:75px;
    height: 20px;
    background: #ffb400;
    border-radius:10px;
    text-align: center;
    margin-left: 5px;
    margin-top: 2px;
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.user_center ul.top .membersay i{
    right: 0;
    top: 0px;
    width: 15px;
    height: 15px;
    background:#fff;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    color: #e22624;;
    font-size:10px;
}
.user_center ul.top li:nth-child(3n+3){
    float: right;
    position: relative;
    width: 30px;
    height: 30px;
}
.user_center ul.top .membersay img{
    width:20px;
    margin-top:3px;
}
.meberdefault ul.top .Coins{
    margin-left: 10px;
    color: #fff;
    width:55%;
    font-size: 14px;
    font-family: "微软雅黑";
    float:left!important;
}
.meberdefault ul.top .Coins img{
    display: inline-block;
    width: 15px !important;
    height: auto !important;
    margin-left: 3px;
}
.user_center ul.top li:nth-child(3n+2){
    margin: 16px 0 3px 10px
}
.user_center ul.top .PhotoUrl{
    height: 100%;
    display: flex;
    align-items: center;
}
#mypage .user_center .navbar li .position{
    line-height:20px;
}
.user_center ul.top .PhotoUrl img{
    border-radius:50%;
}
.meberdefault ul.top .Grade{
    position: absolute!important;
    width: 15px!important;
    height: auto;
    left: 65px;
    top: 55px;
    margin: 0!important;
}
.meberdefault ul.top .Grade img{
    width: `15px!important;
    height:auto!important;
}
.meberdefault ul.top .Grade2{
    position: absolute!important;
    width:45px!important;
    height: auto;
    right:2px;
    top: 62px;
    margin: 0!important;
}
.user_center .navbar{
    margin:0;
    border:none;
}
.membercenter .memberheader{
    background:url(../images/home_icon_style2/Memberbg.png) no-repeat 0 0!important;
    width: 100%;
    padding-top:10px;
    height: 100px;
}
.membercenter .memberheader .topTitle{
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}
.membercenter .memberheader .topTitle .LevelName{
    display: block;
    height: 20px;
    line-height: 20px;
}
.membercenter .memberheader .topTitle span:nth-child(2){
    font-size: 11px;
    font-weight: normal;
}
.membercenter .memberheader ul{
    width:100%;
    margin-top: 10px;
}
.membercenter .memberheader ul li{
    float: left;
    width: 50%;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.membercenter .memberheader ul li div{
    text-align: center;
    margin-left: -20%;
}
.membercenter .memberheader ul li:nth-child(2) div{
    margin-left: 20%;
}
.membercenter .memberheader ul li span{
    font-size: 11px;
    font-weight: normal;
}
.myprivilege h2{
    font-size: 16px;
    font-weight: normal;
    padding-left: 10px;
    color: #5c5c5c;
    height: 40px;
    background: #fff;
    line-height: 40px;
}
.myprivilege ul{
    background: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #f6f3f3;
}
.myprivilege ul li{
    width:25%;
    height:60px;
    text-align:center;
    padding: 5px 0;
}
.myprivilege ul li img{
    width: 20px;
    margin: 5px 0;
}
.myprivilege ul li div{
    border-right: 1px solid #f6f3f3;
    height: 50px;
    color: #656565;
}
.myprivilege{
    background:#fff;
    padding-bottom:1px;
}
.myprivilege .Explain{
    background: #fafafa;
    width:95%;
    margin: 2.5%;
    box-sizing: border-box;
    border: 1px solid #efefef;
    padding: 5px;
    font-size: 13px;
    color: #949494;    
    line-height:20px;
    display:block;
    margin-top:0;
}
.myprivilege .Explain h4{
    color: red;
    height: 20px;
    line-height: 16px;
}
.membercenter .change{
    background: #fff;
    margin-bottom: 10px;
}
.membercenter .change h2{
    font-size: 16px;
    font-weight: normal;
    padding-left: 10px;
    color: #5c5c5c;
    height: 40px;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
    line-height: 40px;
}
.membercenter .change ul{
    width: 100%;
}
.membercenter .change ul li{
    width: 50%;
    float: left;
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}
.membercenter .change ul li img{
    width: 100%;
}
.membercenter .change ul li:nth-child(odd){
    border-right: 1px solid #f2f2f2;
}
.membercenter{
    background:#fff;
}
.myprivilege ul li:last-child div{
    border:none;
}
.membercenter .Grade3{
    position:fixed;
    right: 10px;
    bottom:90px;
    font-size: 13px;
    color: #e22624;
    background: url(../images/home_icon_style2/jinbired.png) no-repeat right 5px;
    width: 60px;
    background-size: 25% 60%;
    text-align: center;
    height: 18px;
    line-height: 20px;
    font-weight:700;
    animation:mymove 1s infinite;
}
@keyframes mymove
{
from {bottom:110px;}
to {bottom:120px;}
}
.topTitle .nextnumber i{
    margin: 0 2px;
    font-size: 12px!important;
    font-style: normal;
}
.myprivilege .Explain p a{
    font-weight: normal;
    color: #107ad0
}
.myprivilege .Explain p a:active{
    text-decoration: underline;
    color: #013d6e;
}
.IntegralRecord .Recordheader p{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 18px;
    background: #fff;
    text-align: center;
    background-size: 2% 45%;
    font-weight:normal;
}
.IntegralRecord .Recordheader p span{
    background: url(../images/home_icon_style2/jiantoubg.jpg) no-repeat;
    width: 10px;
    height: 22px;
    float: right;
    margin-top: 12px;
    background-size: 90% 90%;
}
.IntegralRecord .Recordheader p .fanhui{
    background: url(../images/home_icon_style2/jiantoubgleft.jpg) no-repeat;
    float:left;
    background-size: 90% 90%;
}
.IntegralRecord .Recordheader p a{
    color: #424242;
    font-weight: normal;
}

.IntegralRecord{
    background:#fff;
}
.Recordheader{
    border-bottom: 7px solid #f2f2f2!important;
}
.IntegralRecord .integraul li{
    width: 100%;
    padding: 5px 10px;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
}
.IntegralRecord .integraul li p{
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #7b7b7b;
    height:20px;
}
.IntegralRecord .integraul li p span{
    float:right;
    color:Red;
}
.IntegralRecord .integraul li p:nth-child(3){
    float:right;
    width: auto;
}
.IntegralRecord .integraul li p:nth-child(2){
    font-size: 12px;
    color: #a5a5a5;
}
.bootsfootul{
    width: 100%;
    background: #fff;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    padding-top:10px;
    box-sizing: border-box;
}
.bootsfootul li{
    width:25%;
    background:#fff;
    display: inline-block;
    padding: 5px 0;
    border: none;
    font-weight: normal;
    font-family: "微软雅黑";
    color: #a8a8a8;
    text-align: center;
}
.bootsfootul li a:active{
    text-decoration: none;
}
.bootsfootul li a{
    text-decoration: none;
    text-align: center;
    font-size: 12.5px;
}
#mypage ul.footer.shop li a{background:#fff; padding:5px 0; border:none; font-weight:normal; font-family:"微软雅黑"; color:#a8a8a8;height:46px;}
#mypage ul.footer.shop li a div{ width:20px; height:20px; margin:0 auto; background: url(../images/footer/footericonshop.png) 0 0 no-repeat; background-size:400% 200%;}
#mypage ul.footer.shop li:nth-child(2) a div{ background-position: -21px 1px;}
#mypage ul.footer.shop li:nth-child(4) a div{ background-position: -42px 0;}
#mypage ul.footer.shop li:nth-child(5) a div{ background-position: -62px 0;}
#mypage ul.footer.shop li a.active div{ width:20px; height:20px; margin:0 auto; background: url(../images/footer/footericonshop.png) 0 -20px no-repeat; background-size:400% 200%;}
#mypage ul.footer.shop li:nth-child(2) a.active div{ background-position: -21px -20px;}
/*#mypage ul.footer.shop li:nth-child(4) a.active div{ background-position: -42px -20px;}
#mypage ul.footer.shop li:nth-child(5) a.active div{ background-position: -62px -20px;}*/
#mypage ul.footer.shop li:nth-child(3) a.active div{ background-position: -42px -20px;}
#mypage ul.footer.shop li:nth-child(4) a.active div{ background-position: -62px -20px;}
#mypage ul.footer.shop li:nth-child(4) a.active i { display: none; }
#ShopFooter li:nth-child(6){bottom:18px;}
#mypage ul.footer li a.active p{color: #f9384c;}
#mypage ul.footer li p{    text-align: center;line-height: 16px;font-size: 12px;margin-bottom:11px;}
.bootsfootul li:nth-child(4){
    padding-left:4px;
}
#mypage .ui-footer{
    height: 46px!important;
    border-top: 1px solid #e0e0e0;
    box-sizing: content-box;
}
.ui-footer .ui-navbar ul li{
    height: 46px!important;
}
.myprivilege .Explain li{
    width: 100%;
    text-align: left;
    padding: 0;
    position: relative;    
    height:95px;
}
.myprivilege .Explain li h4:active{
    display:block;
}
.myprivilege .Explain li img{
    position: absolute;
    left: 5px;
    top: -19px;
}
.myprivilege .Explain li:nth-child(2) img{
    left: 95px;
}
.myprivilege .Explain li:nth-child(3) img{
    left: 195px;
}
.myprivilege .Explain li:nth-child(4) img{
    left:83%;
}
.myprivilege h2 span{
    float: right;
    font-size: 14px;
    width: 70px;
    color: #cdcdcd;
    background: url(../images/home_icon_style2/jiantoubg.jpg) no-repeat center right;
    background-size: 12% 28%;
    margin-right: 10px;
    background-position: 59px 15px;
}
.change
{
    display:none;}
.membercenter .memberheader ul li{
    float: left;
    width: 50%;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.membercenter .memberheader ul li div p{
    line-height:20px;
}
.memberscorelogtitle{
    float:initial!important;
    background: none!important;
}
.membercenter .Grade2 img{
    width: 45px;
    height: 35px;
}
.membercenter .Grade2{
    position: fixed;
    bottom: 80px;
    right: 10px;
}